<div class="card mb-4">
  <div class="card-header">
    <h5 class="mb-0">
      <%= Spree.t(:settings) %>
    </h5>
  </div>
  <div class="card-body">
    <div class="form-group" data-hook="sku">
      <%= f.label :sku, Spree.t(:sku) %>
      <%= f.text_field :sku, class: 'form-control' %>
    </div>

    <div class="form-group" data-hook="sku">
      <%= f.label :barcode, Spree.t(:barcode) %>
      <%= f.text_field :barcode, class: 'form-control' %>
    </div>

    <div class="form-group" data-hook="tax_category">
      <%= f.label :tax_category_id, Spree.t(:tax_category) %>
      <%= f.collection_select(:tax_category_id, @tax_categories, :id, :name, { include_blank: Spree.t('match_choices.none') }, { data: { controller: 'autocomplete-select' } }) %>
    </div>

    <div class="form-group" data-hook="discontinue_on">
      <%= f.label :discontinue_on, Spree.t(:discontinue_on) %>
      <%= f.error_message_on :discontinue_on %>
      <%= f.date_field :discontinue_on, class: 'form-control' %>
    </div>

    <%= render 'spree/admin/variants/form/dimensions', f: f %>
  </div>
</div>
